<template>
<div class="page-my-pages">
 <z-space vertical>
   <div>
     侧边栏
     <el-switch v-model="showMenu" @change="changeShowCom"></el-switch>
   </div>
    <z-page-design v-if="showCom" >
       <z-case-page :obj="testObj" :show-menu="showMenu">
         <template #desc_item_content="scope">
           <z-space v-if="scope.detail.label === '案件证据'" column-gap="12px">
             <div class="my-case__img" style="background-color: #eee;" v-for="i in 2">
               <el-image
                   :src="baseHref + ':7001/public/200x200.jpg'" style="width: 120px; height: 120px; display: block"></el-image>
             </div>
           </z-space>
         </template>
       </z-case-page>
   </z-page-design>
 </z-space>

  <doc-props def-type="Events" :data="doc.d1"></doc-props>

  <RemoteFileViewer file="example/views/pages/case.vue"></RemoteFileViewer>

</div>
</template>
<script>
import RemoteFileViewer from "@example/plugins/example/components/RemoteFileViewer";
import DocProps from "@example/plugins/example/components/DocProps";

export default {
  components: {DocProps, RemoteFileViewer},
  data() {
    let testData =  {
          title: '案件基本情况',
          details: [
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: '管理依据',
              content: '《苏州市城市管理相对集中行政处处罚权实施办法》第十六条第一款第二项',
              span: 3
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: 'label',
              content: ZY.rid(10)
            },
            {
              label: '案件证据',
              custom: true,
              span: 4,
            },
            {
              label: '案情注释',
              span: 4,
              content: '中国法制出版社是国务院法制办公室所属的中央级法律类图书专业出版社，是国家法律、行政法规标准文本的权威出版机构，于1989年6月10日经新闻出版总署批准成立。本社的主要 任务是为国务院及国务院所属各部门、各级地方人民政府依法行政服务；为法制工作者、司法工作者、法学研究工作者服务；为依法治国，加强社会主义法制建设服务。'
            }
          ]
        }

    return {
      doc: {
        d1: [
          {
            name: 'tree-node-click',
            desc: 'tree node 点击',
            params: '(value)'
          }
        ]
      },
      baseHref: location.origin.replace(location.port, '').slice(0, -1),
      showMenu: true,
      showCom: true,
      testObj: {
        title: '信息页面标题',
        treeOption: {
          // url: '/api/demo1/tree',
          data: [
            {
              label: '案件基本情况',
              id: '11111',
              ui: {
                // nodeIcon: 'el-icon-delete',
              },
            },
            {
              label: '主案审批',
              id: '11111',
              children: [
                  {
                    label: '二级 2-1',
                    id: '11111',
                  }
              ]
            },
            {
              label: '调查取证',
              id: '11111',
              children: [
                {
                  label: '二级 3-1',
                  id: '11111',
                }
              ]
            }
          ]
        },
        menuOption: {
          actions: [
            {
              icon: ''
              ,hoverIcon: ''
            },
            {
              icon: ''
              ,hoverIcon: ''
            },
            {
              icon: ''
              ,hoverIcon: ''
            },
          ]
        },
        sections: [
          testData,
          {
            title: '一般案件',
            details: [
              {
                label: '案情摘要',
                span: 4,
                content: '中国法制出版社是国务院法制办公室所属的中央级法律类图书专业出版社，是国家法律、行政法规标准文本的权威出版机构，于1989年6月10日经新闻出版总署批准成立。本社的主要 任务是为国务院及国务院所属各部门、各级地方人民政府依法行政服务；为法制工作者、司法工作者、法学研究工作者服务；为依法治国，加强社会主义法制 建设服务。'
              },
              // {
              //   label: '案情摘要',
              //   span: 4,
              //   content: '中国法制出版社是国务院法制办公室所属的中央级法律类图书专业出版社，是国家法律、行政法规标准文本的权威出版机构，于1989年6月10日经新闻出版总署批准成立。本社的主要 任务是为国务院及国务院所属各部门、各级地方人民政府依法行政服务；为法制工作者、司法工作者、法学研究工作者服务；为依法治国，加强社会主义法制 建设服务。'
              // },
              // {
              //   label: '案情摘要',
              //   span: 4,
              //   content: '中国法制出版社是国务院法制办公室所属的中央级法律类图书专业出版社，是国家法律、行政法规标准文本的权威出版机构，于1989年6月10日经新闻出版总署批准成立。本社的主要 任务是为国务院及国务院所属各部门、各级地方人民政府依法行政服务；为法制工作者、司法工作者、法学研究工作者服务；为依法治国，加强社会主义法制 建设服务。'
              // },
            ]
          }
        ],
      },
    }
  },
  methods: {
    changeShowCom() {
      this.showCom = false;
      setTimeout(() => {
        this.showCom = true;
      }, 300)
    }
  }
}
</script>
